<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport"
    content="width=device-width,height=device-height, initial-scale=1.0, user-scalable=no, maximum-scale=1,minimum-scale=1,viewport-fit=cover" />
  <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
  <meta http-equiv="Content-Security-Policy"
    content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'">
  <link href="./browser.css" rel="stylesheet">
  <title>帝测国密浏览器</title>
  <!-- Import style -->
  <!-- <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css" crossorigin="anonymous" /> -->
</head>

<body>
  <div class="browser-container">
    <!-- 导航栏 -->
    <div class="nav-bar">
      <div class="left">左
      </div>
      <div class="center">中
      </div>
      <div class="right">右
      </div>
    </div>

    <!-- WebView about:blank 或 data:text/plain -->
    <webview allowpopups ref="webview" id="webview" class="web-content" src="https://sm2only.ovssl.cn/">
    </webview>

    <!-- 状态栏 -->
    <div class="status-bar">
      <div class="left">
        <span id="webview-src">左</span>
      </div>
      <div class="center">中
      </div>
      <div class="right">
        Node.js <span id="node-version"></span>, Chromium <span id="chrome-version"></span>, Electron <span
          id="electron-version"></span>.
      </div>
    </div>
  </div>

  <!-- Import Vue 3 -->
  <!-- <script src="https://unpkg.com/vue@3" crossorigin="anonymous"></script> -->
  <!-- Import component library -->
  <!-- <script src="https://unpkg.com/element-plus" crossorigin="anonymous"></script> -->
  <!-- You can also require other files to run in this process -->
  <script src="./browser.js"></script>
</body>

</html>
